<template>
    <el-container>
        <!-- 头部栏 -->
        <el-header>
            <Header @onisCollapse='onisCollapse'></Header>
        </el-header>
        <!-- 中间区 -->
        <el-main>
            <!-- 侧边导航 -->
            <el-aside>
                <Aside :isCollapse='isCollapse'></Aside>
            </el-aside>
            <!-- 右侧内容 -->
            <el-main>

            </el-main>
        </el-main>
    </el-container>
</template>
<script>
import Header from './common/Header';
import Aside from './common/Aside';
export default {
    components:{Header,Aside},
    data(){
        return {
            isCollapse:false,
        }
    },
    methods:{
        onisCollapse(){
            this.isCollapse = !this.isCollapse;
        }
    }
}
</script>